﻿<div ng-controller="alarmCtrl" ng-show="user_logout">
    <!-- <h1>alarm</h1> -->
    <div class="well with-header with-footer">
    	<div class="header bordered-blue" style="font-size: 16px">报警图片 </div>
        <!-- <div class="row">
            <div class="col-lg-6 col-sm-6  col-md-6 col-xs-12 col-md-offset-2 col-lg-offset-2">
                <div style="display:inline-block;min-height:240px;">
                	<h4 class="text-center">日期选择</h4>
                    <datepicker ng-model="dt" min-date="minDate" show-weeks="true" class="well well-sm"></datepicker>
	                <p class="text-center">请选择需要查看的图片日期
	                </p>     
            	</div>
            </div>
            <br><br><br><br><br>
            <h4 class="text-center">日期显示</h4>
            <div class="row">
                <div class="col-md-4">
                    <p class="input-group">
                        <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="curResult" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                        </span>
                    </p>
                </div>
            </div>
        </div> -->
        <p class="text-center" style="font-size:16px">日期选择:</p>
        <div class="row text-center" style="font-size:16px">
			<select id="sel1" ng-model="fLevelBefore1" ng-change="changeYear(fLevelBefore1)">
				<option value="">-请选择-</option>
		    </select>年
		    <select id="sel2" ng-model="fLevelBefore2" ng-change="changeMonth(fLevelBefore2)">
		    	<option value="">-请选择-</option>
		    </select>月
		    <select id="sel3" ng-model="fLevelBefore3" ng-change="changeDay(fLevelBefore3)">
		    	<option value="">-请选择-</option>
		    </select>日
		    <br><br>
		    <p class="text-center">时间区间选择:</p>
		    <select id="sel4" ng-model="fLevelBefore4" ng-change="changeHour1(fLevelBefore4)">
		    	<!-- <option value="">0</option> -->
		    </select>时
		    <select id="sel5" ng-model="fLevelBefore5" ng-change="changeMinute1(fLevelBefore5)">
		    	<!-- <option value="">0</option> -->
		    </select>分
		   <!--  <select id="sel6" ng-model="fLevelBefore6" ng-change="changeSecond1(fLevelBefore6)">
		    </select>秒 -->
		    ----
		    <select id="sel7" ng-model="fLevelBefore7" ng-change="changeHour2(fLevelBefore7)">
		    	<!-- <option value="">23</option> -->
		    </select>时
		    <select id="sel8" ng-model="fLevelBefore8" ng-change="changeMinute2(fLevelBefore8)">
		    	<!-- <option value="">59</option> -->
		    </select>分
		    <!-- <select id="sel9" ng-model="fLevelBefore9" ng-change="changeSecond2(fLevelBefore9)">
		    </select>秒   -->
	    </div>
	   <form role="form" style="font-size:16px">
			<div class="form-title">
			</div>
			<div class="row">
	            <div class="text-center">
	                <div id="buttonBox"> 
	                  <br>
	                  <input type="button" class="btn btn-primary" value="确定" ng-click="alarmSubmit()" style="width:10%;margin-left:20px;margin-right: 20px"><!-- //点击确认设置 -->
	                  <input type="button" class="btn btn-darkorange" value="取消" ng-click="" style="width:10%;margin-left:20px;margin-right: 20px"><!-- //取消操作 -->
	                </div>
	            </div>
	        </div>
		</form>
		<hr class="wide" />
		<div class="row" style="height:500px;overflow:scroll">
			<div data-toggle="modal" data-target="#bigImage">
				<img ng-repeat="alarmImage in alarmImages" class="col-lg-3 col-md-4 col-xs-6" ng-src="{{alarmImage.url}}" ng-click="bigImage(alarmImage.url)" style="height:110px;width:150px">
			</div>
		</div>
		<div class="modal fade" id="bigImage"tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
						</button>
					</div>
					<div class="modal-body">
							<img src="{{fullImage}}" style="width:100%">
					</div>
				</div>
			</div>
		</div>
	</div>
</div>